﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="jquery-1.10.2.min.js"></script>
    <script src="Main.js"></script>
    <link href="style.css" rel="stylesheet" />
    <title>扫雷（Jquery + html）</title>
</head>

<body>
    <div style="position:initial;">
        <fieldset id="fieldset" class="fieldset">
            <legend>
                &nbsp;
                <span id="spanLevelText">简单</span>&nbsp;&nbsp;
                <span>用时：</span><span id="spanSecond">0</span>秒 &nbsp;&nbsp;
                <span>剩余：</span><span id="spanResidue">0</span>个雷&nbsp;
            </legend>
            <div id="contentField">
                <div id="content" class="divContent" style="float:left;"> </div>
                <div id="progress" class="divprogress" style="float: left; margin-top: 10px;"></div>
            </div>
            <div id="custMessage" class="divcustMessage">提示信息</div>
            <div id="divHelp" class="divhelp">
                <span id="reStart">[新游戏]</span>&nbsp;&nbsp;
                <span id="newSet">[新设置]</span>&nbsp;&nbsp;
                <span id="showAnswer" title="作弊">[透视雷区]</span>&nbsp;&nbsp;
                <span class="sp" title="帮我扫雷，数字按钮4">提示<label id="lblhelpCount">1</label>次</span>
            </div>
            <div id="content2" class="divContent" style="display:none;"> </div>
        </fieldset>
        <fieldset id="fieldsetManage" class="divManageArea">
            <legend>&nbsp;排雷设置&nbsp;</legend>
            <div class="setbomblevel">
                <div class="divLevelClass" title="简单 9×9 10个雷">
                    <input type="radio" name="levels" id="level1" checked /><label for="level1">简单【9×9】【10雷】</label>
                </div>
                <div class="divLevelClass" title="正常 16×16 40个雷">
                    <input type="radio" name="levels" id="level2" /><label for="level2">正常【16×16】【40雷】</label>
                </div>
                <div class="divLevelClass" title="困难 16×30 99个雷">
                    <input type="radio" name="levels" id="level3" /><label for="level3">困难【16×30】【99雷】</label>
                </div>
                <div class="divLevelClass" title="做死 16×30 150个雷">
                    <input type="radio" name="levels" id="level4" /><label for="level4">做死【16×30】【150雷】</label>
                </div>
                <div class="divLevelClass" title="自定义">
                    <span class="span_custText">
                        <input type="radio" name="levels" id="level5" /><label for="level5">自定义</label>
                    </span>
                    <span id="divCustomer" class="divCust">
                        【<input type="text" id="txtRows" value="9" title="行数" style="width:30px;" />×
                        <input type="text" id="txtCols" value="9" title="列数" style="width:30px;" />】
                        【<input type="text" id="txtBombs" value="10" title="雷数" style="width:30px;" />雷】
                    </span>
                </div>
            </div>
            <div class="setbombsize">
                <div>
                    网格大小：
                </div>
                <div class="bombsize1">
                    <input type="radio" name="divSize" id="divSize1" title="20px" value="20" checked="checked" />
                </div>
                <div class="bombsize1content">
                    <label for="divSize1">20</label>
                </div>
                <div class="bombsize2">
                    <input type="radio" name="divSize" id="divSize2" title="30px" value="30" />
                </div>
                <div class="bombsize2content">
                    <label for="divSize2">30</label>
                </div>
            </div>
            <div class="divBtn">
                <input type="button" value="开始" accesskey="B" id="btnBegin" /><br />
                <span id="spanLevelMessage" style="color:red;"></span>
            </div>
            <span></span>
        </fieldset>
        <div class="divManageArea" id="test1" style="text-align: right; color: #cccffa; ">
            --IE9、IE10、FireFox<br /> 扫雷1.0、范庆韬（2.soho@163.com）、2014-5-12发布
        </div>
    </div>
</body>

</html>